<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css"
	href="resources/styles/common.css" />
<title>Store Administration - Produce</title>
</head>
<body>
	<!-- Header -->
	<jsp:include page="pages/header.jsp" />

	<!-- Body -->
	<div class="body">
		<div class="container">
			<!-- PAGE TITLE -->
			<div>
				<h1>Produces</h1>
			</div>
			<!-- OPTIONS -->
			<div class="options">
				<div class="button"
					onclick="javascript:document.location='pages/produce_edit.jsp'">
					<a href="#">Create Produce</a>
				</div>
			</div>
			<!-- OPTIONS -->
			<div class="options">
				<table>
					<tr>
						<td><img src="resources/icons/Folder16.png" alt="Produce category" title="Produce category"/></td>
						<td><a href="#" title="Produce category">Produce category</a></td>
					</tr>
				</table>
			</div>

			<!-- Filters -->
			<div class="list-detail">
				<div class="container-right">
					<!-- SEARCH -->
					<div class="title">Search:</div>
					<div class=""><input type="text" />&#160;<img src="resources/icons/Search16.png" title="Search" alt="Search" /></div>
					
					<!-- LIST -->
					<table class="list">
						<thead>
							<tr>
								<th></th>
								<th></th>
								<th>Id</th>
								<th>Name</th>
								<th>Category</th>
								<th>Status</th>
							</tr>
						</thead>
						<tbody>
							<tr class="list-line-1">
								<td class="center"><input type="checkbox" /></td>
								<td class="center"><img
									src="resources/icons/ui-menu-icon.png" title="Menu"
									alt="Menu" /></td>
								<td>ID000001</td>
								<td>Test name</td>
								<td>Test Category</td>
								<td>Out of stock</td>
							</tr>
						</tbody>
					</table>
				</div>
				
				
				<div class="container-left">
					<!-- SEARCH -->
					<div class="title">Filters:</div>
					<table>
						<tr>
							<td>All:</td>
							<td><input type="radio" name="stockStatus" checked="checked"/></td>
						</tr>
						<tr>
							<td>In stock:</td>
							<td><input type="radio" name="stockStatus"/></td>
						</tr>
						<tr>
							<td>Out of stock:</td>
							<td><input type="radio" name="stockStatus"/></td>
						</tr>
					</table>
				</div>
			</div>

		</div>
	</div>

	<!-- Footer -->
	<jsp:include page="pages/footer.jsp" />
</body>
</html>